<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>在图片文本前后添加文本</title>
	<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
	<script>
		$(document).ready(function () {
			$("#btn1").click(function () {
				$("img").before("<b>Before</b>")

			});
			$("#btn2").click(function () {
				$("img").after("<i>After</i>")
			})

		})

	</script>
</head>
<body>
<img src="../../img/duo1.png" width="200px" height="300" alt="duoduo pic"/>
<br><br>
<button id="btn1">在图片前添加文本</button>
<button id="btn2">在图片后添加文本</button>

</body>
</html>